<div ng-init="main_event.init();" class="kmi-layout-content QT07-main-content">
    <div class="kmi-header-row">
        <div  class="header-title" ng-bind="main_event.headerTitle"></div>
        <!-- S2 -->
        <button ng-click="main_event.queryPage();">
            <img src='image/smes_v340/header/W_Com_Search_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <!-- QT06 -->
        <button ng-click="main_event.goToQT06();">
            <img src='image/smes_v340/header/W_Com_Page_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <!-- download -->
        <button ng-click="main_event.download();">
            <img src='image/smes_v340/header/W_MoveLastPage_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="left">
                <div class="query-panel">
                    <div class="title" ng-bind="'QT07.main.condition' | translate"></div>
                    <div class="query-list">
                        <div ng-repeat="trace in main_event.condition">
                            <div ng-bind="trace.tracename" class="row-container" ng-click="main_event.isCollapse = !main_event.isCollapse"></div>
                            <div ng-repeat="query in trace.QueryCondition" class="row-container condition" ng-show="main_event.isCollapse">
                                <div ng-bind="query.showname"></div>
                                <div ng-bind="main_event.queryName(query.query_mode)"></div>
                                <div ng-bind="query.value"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="horizontal-line"></div>
                <div class="result-panel">
                    <div class="title" ng-bind="'QT07.main.trace_result' | translate"></div>
                    <div class="result-list"></div>
                    <div class="page-content">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png"></img>
                            <div class="kmi-can-click" ng-click="main_event.resultPageConfig.page = (main_event.resultPageConfig.page-1<0?0:main_event.resultPageConfig.page-1);"></div>
                        </div>
                        <label ng-bind="(main_event.resultPageConfig.page +1)+' / '+main_event.resultPageConfig.total_page"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png"></img>
                            <div class="kmi-can-click" ng-click="main_event.resultPageConfig.page = (main_event.resultPageConfig.page+1>(main_event.resultPageConfig.total_page-1)?(main_event.resultPageConfig.total_page-1):main_event.resultPageConfig.page+1);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="vertical-line"></div>
            <div class="right">
                <div class="extend-panel">
                    <div class="title" ng-bind="'QT07.main.extend_trace' | translate"></div>
                    <div class="extend-list"></div>
                    <div class="page-content" ng-if="main_event.extendData.data.length > 0">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png"></img>
                            <div class="kmi-can-click" ng-click="main_event.extendPageConfig.page = (main_event.extendPageConfig.page-1<0?0:main_event.extendPageConfig.page-1);"></div>
                        </div>
                        <label ng-bind="(main_event.extendPageConfig.page +1)+' / '+main_event.extendPageConfig.total_page"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png"></img>
                            <div class="kmi-can-click" ng-click="main_event.extendPageConfig.page = (main_event.extendPageConfig.page+1>(main_event.extendPageConfig.total_page-1)?(main_event.extendPageConfig.total_page-1):main_event.extendPageConfig.page+1);"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
